@charset "utf-8";
html, body {
    -webkit-text-size-adjust: none;
}
body {
    padding: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font: 12px/1.5 Arial, '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1', Tahoma;

    display: block;
    margin: 8px;
}

button {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: middle;
    cursor: pointer;
}

input {
    margin: 0px;
    padding: 0px 5px;
    border: solid 1px #338AC4;
    color: #2C77A9;
    font: 12px/1.5 Tahoma, Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53';
    height: 18px;
}

input:focus, input:hover, input:active {
    border: solid 1px #CC0000;
}

.inputDate {
    clear: both;
    margin: 0px;
    padding: 0px 5px;
    width: 100px;
    height: 22px;
    cursor: pointer;
    font: 12px/1.8 Tahoma, Arial, '\5FAE\8F6F\96C5\9ED1', '\5b8b\4f53'
}

img {
    border: 0
}

a, a:link, a:visited {
    text-decoration: none;
    color: #256692;
}

a:hover {
    text-decoration: none;
    color: #256692;
}

/*弹出窗口*/
.DialogTable, .DialogTable tr, .DialogTable td {
    margin: 0px;
    padding: 0px;
}

.DialogTable td span {
    margin: 0px;
    padding: 0 5px;
    color: #D9EFFB;
}

/*栏目*/
#x_menu {
    clear: both;
    margin: 0px;
    padding: 0px 0px;
    width: 100%;
    height: 11px;
    border-bottom: solid 1px #8ABAD0;
    overflow: hidden;
    z-index: 800;
}

#x_menu a {
    float: left;
    margin: 0px;
    padding: 0px 10px;
    height: 12px;
    display: block;
    border-right: solid 1px #ccc;
    font: 12px/1.0 '\5b8b\4f53', Arial, Tahoma, '\5FAE\8F6F\96C5\9ED1';
}

#x_menu .cur {
    padding-right: 18px;
    color: #f00;
}

/*内容*/
#x_main {
    clear: both;
    position: relative;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#con_desk {
    clear: both;
    margin: 0px;
    padding: 0px;
    position: relative;
}

.DivGDT {
    overflow-x: hidden;
    overflow-y: auto;
    SCROLLBAR-FACE-COLOR: #ADCFDE;
    SCROLLBAR-HIGHLIGHT-COLOR: #ECF7F9;
    SCROLLBAR-SHADOW-COLOR: #ECF7F9;
    SCROLLBAR-3DLIGHT-COLOR: #ECF7F9;
    SCROLLBAR-ARROW-COLOR: #ADCFDE;
    SCROLLBAR-TRACK-COLOR: #ECF7F9;
    SCROLLBAR-DARKSHADOW-COLOR: #ECF7F9;
}

#topline {
    width: 100%;
    height: 30px;
}

/*地图*/
.citynav {
    float: left;
    margin: 0px;
    padding: 10px 0px;
    width: 180px;
    border-right: solid 1px #C2DCE7;
}

.citynav dl, .citynav dd {
    margin: 0px;
    padding: 0px;
}

.citynav dt {
    margin: 0px;
    padding: 0px;
    font: 12px/1.6 '\5b8b\4f53', Arial, Tahoma, '\5FAE\8F6F\96C5\9ED1';
    border-bottom: solid 1px #C2DCE7;
    cursor: pointer;
}

.citynav .title {
    padding: 2px 10px;
    font-weight: bold;
    color: #333;
    cursor: hand;
}

.citynav dt a {
    display: block;
    padding: 2px 10px;
    font: 14px/1.7 '\5b8b\4f53', Arial, Tahoma, '\5FAE\8F6F\96C5\9ED1';
    font-weight: bold;
    cursor: pointer;
}

.citynav dd {
    display: none;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
    SCROLLBAR-FACE-COLOR: #ADCFDE;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-SHADOW-COLOR: #FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR: #ADCFDE;
    SCROLLBAR-TRACK-COLOR: #FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

.citynav dd a {
    display: block;
    padding: 0 0 0 10px;
    font: 12px/1.6 Arial, '\5b8b\4f53', Arial, Tahoma, '\5FAE\8F6F\96C5\9ED1';
    border-bottom: solid 1px #C2DCE7;
    cursor: pointer;
}

.citynav dd .cur {
    color: #f00;
}

.citymap, .con_list {
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    position: relative;
    SCROLLBAR-FACE-COLOR: #78B0C9;
    SCROLLBAR-HIGHLIGHT-COLOR: #ECF7F9;
    SCROLLBAR-SHADOW-COLOR: #ECF7F9;
    SCROLLBAR-3DLIGHT-COLOR: #ECF7F9;
    SCROLLBAR-ARROW-COLOR: #78B0C9;
    SCROLLBAR-TRACK-COLOR: #ECF7F9;
    SCROLLBAR-DARKSHADOW-COLOR: #ECF7F9;
}

.citymap #coordsinfo {
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 100;
}

.citymap #maps {
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 10;
}

.citymap img {
    border: 0px;
}

.sMenu_l {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.sMenu_l li {
    margin: 0px;
    padding: 2px 5px;
    font: 12px/1.6 '\5b8b\4f53', Arial, Tahoma, '\5FAE\8F6F\96C5\9ED1';
    border-bottom: solid 1px #C2DCE7;
    cursor: pointer;
}

.sMenu_l li a {
    display: block;
}

#baidumap {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*图标状态*/
.ST_state {
    clear: both;
    position: absolute;
    width: auto;
}

.ST_state img {
    float: left;
    cursor: pointer;
}

.ST_state a {
    margin: 0px;
    padding: 0 0 0 3px;
    float: left;
    color: #1F5478;
    font: 12px/1.2 '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1';
    filter: DropShadow(Color=#FFFFFF, OffX=1, OffY=1);
    text-shadow: 0px -1px #fff, 0 1px #fff;
    cursor: pointer;
}

/*弹出实时信息窗口*/
.real_tip {
    margin: 0px;
    padding: 0px;
    width: 335px;
    min-height: 220px;
}

.real_tip .real_tip_title {
    clear: both;
    font-size: 16px;
}

.real_tip .real_tip_title label {
    float: left;
    margin: 0px;
    padding: 0 0 0 3px;
}

.real_tip .real_tip_title strong {
    float: left;
    color: #024A86;
}

.real_tip .real_tip_title span {
    float: right;
    font-weight: bold;
    color: #00f;
    border-bottom: 1px solid #0384ED;
    font: 12px/1.3em Tahoma, Arial, '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1';
}

.real_tip .real_tip_more {
    clear: both;
    margin: 0px;
    padding: 0px;
    font: 12px/1.4em Tahoma, Arial, '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1';
}

.real_tip .real_tip_more ul{
    font-weight: normal;
    color: grey;
}


.real_tip .real_tip_more span {
    margin: 0px;
    padding: 0 5px 0 0;
}

.real_tip .GetrealInfo {
    margin: 0px;
    padding: 0 0 0 0;
}

.real_tip .GetrealInfo ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: right;
    width: 80px;

}

.real_tip .GetrealInfo ul li:nth-child(1)  {
    text-align: center;
    color: grey;
}


.real_tip .GetrealInfo ul li {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #B0E3FF;
    width: 125px;
    font: 12px/1.4 Arial, '\5b8b\4f53', '\5FAE\8F6F\96C5\9ED1';
}

.real_tip .GetrealInfo ul li span:nth-child(1) {
    font-weight: bold;
    color: black;
    padding: 0px 2px;
    font: 12px/1.4 Tahoma, Arial;
}

.real_tip .GetrealInfo ul li span:nth-child(2) {
    color: #22272b;
    padding: 0px 2px;
    font: 12px/1.4 Tahoma, Arial;
}

.real_tip .GetrealInfo ul li:nth-child(1) strong:nth-child(1) {
    font-size: 17px;
    font-weight: bold;
    color: black;
}

.real_tip .Getlastpic {
    position: absolute;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 250px;
    height: 204px;
}

.real_tip .Getlastpic img {
    margin: 0px;
    padding: 0px;
    width: 250px;
    height: 255px;
    border: 1px solid #B0E3FF;
}

.real_tip .Getlastpic .img2{
    height: 130px;
    width: 103px;
    position: absolute;
    bottom: 1px;
    left: 2px;
    background-color: white;
}

.real_tip .Getlastpic .img2 img{
    height: 75px;
    width: 100px;
    position: absolute;
    top: 1px;
    left: 1px;
}


/*百度地图版权隐藏*/
.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.area {
    width: 144px;
    background-color: white;
    height: 100%;
    padding-left: 16px;
    float: left;
}

.menuTitle {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 50px;
}

.area li {
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    background-repeat: no-repeat;
    padding-left: 10px;
    cursor: pointer;
}

.area li:hover{
    background-image: url(images/selectBK.png);
    color: white;
}

.area ul {
    margin: 0px;
    padding-left: 12px;
}



/*数据table*/
.tabData {margin:0px;padding:0px;width:100%;border-collapse:collapse;font:12px/1.8em Tahoma,Arial,'\5b8b\4f53','\5FAE\8F6F\96C5\9ED1';}
.tabData .t td {border-bottom:solid 1px #AACEDD;border-right:solid 1px #C2DCE7;height:24px;color:#256692;}
.tabData td {margin:0px;padding:0 5px;border-bottom:solid 1px #C2DCE7;border-right: solid 1px #C2DCE7;text-align:center;height:24px;color:#475561;}
.tabData td span {margin:0px;padding:0 5px;}
.tabData .Hlight {color:#333;font-weight:bold;}
.tabData .nl,.tabData .t .nl {border-right:none;}
#Datalist .cur td {background:#FFF;}
.mlk {cursor:pointer;}


.op_div a:hover {
    text-decoration: underline;
}
.op_div a:hover {
    text-decoration: none;
    color: #256692;
}
.SearchButton {
    background-color: rgb(87, 174, 128);
    background-image: url(/images/b_search.png);
    background-position: 2px 2px;
}

.op_div .op_data {
     width: 90px;
 }

.op_div input, select {
    padding: 4px 8px 4px 8px;
    border: solid 1px gainsboro;
    margin-right: 8px;
    background-color: rgb(242,242,242);
}
#query_addvcd {
    margin-right: 0;
}



#weather_div{width:auto; text-align:center;height:100px;}
.wtname{width:50px;float:left; margin-top:20px}
.wt{width:120px;float:left;margin-top:5px }
.wt1{margin-left:10px;}
.wtpic{line-height:25px;height:25px;width:25px;float:left; margin-right:5px}
.wttemp{line-height:25px;height:25px;width:auto; float:left }
.wtpath,.wtwt{height:24px; line-height:24px; float:left; width:100%; text-align:center}



.top_div {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 10px;
    height: 100px;
    background-color: white;
    padding: 0px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    box-shadow: 2px 3px 3px #888888;
}

.left_div {
    position: absolute;
    right: 0px;
    top: 24px;
    bottom: 10px;
    background-color: white;
    padding: 0px;
    overflow: hidden;
    -moz-border-radius: 5px;
    /* -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
    box-shadow: 2px 3px 3px #888888;
    z-index: 2;
}

.right_div {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 24px;
    bottom: 0px;
    background-color: white;
    padding: 0px;
    -moz-border-radius: 5px;
    /* -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
    /* box-shadow: 2px 3px 3px #888888; */
    z-index: 1;
}

#report_div {
    overflow-x: hidden;
    overflow-y: auto;
}

.itemlist .ui-selected {
    background: #d3d3d3;
}

.itemlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

.itemlist li {
    margin: 0;
    padding: 0.4em;
    line-height: 18px;
    height: auto;
    font-size: 13px;
    border-bottom: 1px solid #AEC5FA;
    width: 100%;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    background-color: #eaedf4;
}

.itemlist li:hover {
    background-color: #d3d3d3;
}

.arrow {
    float: right;
}

.arrow_aa {
    cursor: pointer;
    margin-right: 5px;
}

.report_table {
    width: 100%;
    table-layout: fixed;
    padding: 0 40px 20px 10px;
}

.report_table .title {
    margin: 20px 0 20px 80px;
    font-size: 14px;
    font-weight: normal;
    color: #777;
}

.report_table .report_title {
    /*padding-left: 10px;*/
    font-family: Arial, 宋体;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    padding: 3px;
}

.left_border_blue {
    border-left: 4px solid #9EBBDC;
}

.left_border_green {
    border-left: 4px solid #E4D7B2;
}

.extend_div{
    position: absolute;
    top: 117px;
    right: 14px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    z-index: 3;
    background-color: #0081c2;
}

.extend{
    position: absolute;
    top: 108px;
    right: 12px;
    font-size: 30px;
    z-index: 4;
    font-weight: 300;
    color: white;
}

.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}
.cf{
    zoom:1;
    z-index: 2;
    position: absolute;
    left: 80px;
    top: 30px;
}

.form-wrapper {
    width: 450px;
    padding: 5px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}

.form-wrapper select {
    width: 100px;
    height: 40px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;
}

/* Form text input */
.form-wrapper input {
    width: 222px;
    height: 20px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;
}
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover{
    background: #e54040;
}
.form-wrapper button:active,
.form-wrapper button:focus{
    background: #c42f2f;
    outline: 0;
}
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
.form-wrapper button:hover:before{
    border-right-color: #e54040;
}
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
    border-right-color: #c42f2f;
}
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
#collapse_panel {
    background: #3A87F7;
    text-align: right;
    color: white;
    font-size: 20px;
    padding-right: 16px;
}
#collapse_tuli {
    background: #3A87F7;
    text-align: center;
    color: white;
    font-size: 20px;
    /*padding-right: 16px;*/
    height: 90px;
    width: 30px;
    float:left;
}
#tuli {
    position: absolute;
    bottom: 20px;
    left: 25%;
    z-index: 1;
    height: 100px;
    border: 1px solid RGBA(82, 177, 234, 0.5);
    border-radius: 5px;
    background: rgba(255,255,255,0.5);
}
#tuli .title {
    font-size: 20px;
    color: RGBA(82, 177, 234, 1);
    letter-spacing: 24px;
}
/*#tuli div img {*/
    /*width: 10px;*/
/*}*/

.itemlist li.white{
    background-color: #ffffff;
}

.itemlist li.white:hover{
    background-color: #d3d3d3;
}


.tabactive{
    background: #93D2FB;
}

.textblue{
    color: #0000ff;
    margin: 0px;
    padding: 0px;
}

.textred{
    color: red;
    margin: 0px;
    padding: 0px;
}

.zongshu{
    border: 1px solid #ccc;
    font-size: 14px;
    border: 1px solid #ccc;
    line-height: 28px;
    margin: 0 -10px 0 10px;
    padding: 6px;
}



.jylj{
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
}

.jylj div{
    padding: 2px;
    cursor: pointer;
    text-align: center;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
.jylj div:hover{
    background: #ccc;
}
.down_div {
    background: white;
}

.jylj div.active{
    background: #93D2FB;
}